<template>
  <el-dialog custom-class="custom_class" :title="title" :visible.sync="dialogV" :close-on-click-modal="false">
    <slot name="content"></slot>
  </el-dialog>
</template>

<script>
export default {
  name: "myDialog",
  props: {
    title: {
      type: String,
    },
    dialogVisible: {
      type: Boolean,
      default: false,
    },
  },
  computed: {
    dialogV: {
      get() {
        return this.dialogVisible;
      },
      set(val) {
        // openCardDialog改变的时候通知父组件
        this.$emit("update:dialogVisible", val);
        // 使用update更新属性值，并且在父组件中使用.sync就可以同步更新父组件数据
      },
    },
  },
};
</script>

<style >
.custom_class{
  box-shadow: 5px 5px 20px 5px rgba(14, 13, 13, 0.725);
  border-radius: 10px;
}
</style>